<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>资源页面</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
		<link rel="stylesheet" type="text/css" href="css/head-up.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/resource.css"/>
		<link rel="stylesheet" type="text/css" href="css/foot.css"/>
	</head>
	<body>
		
		<!-- 大容器 开始 -->
		<div class="web">
			
			<!-- 头部 开始 -->
			<div class="nav-top">
				
				<!-- 头部-左 开始 -->
				<a href="#">
					<div class="top-menu">
					
				    </div>
					<div class="top-one">
						
					</div>
				</a>
				<!-- 头部-左 结束 -->
				
				<!-- 头部logo 开始 -->
				<img src="img/logo_03.jpg" >
				<!-- 头部logo 结束 -->
				
				<!-- 搜索按钮 开始 -->
				<a href="">
					<div class="search-btn">
					
				    </div>
				</a>
				
				<!-- 搜索按钮 结束 -->
				
			</div>
			<!-- 头部 结束 -->
			
			<!-- 主体 开始 -->
			<div class="wrapper">
				
				<!-- 大图 开始 -->
				<div class="w_img">
					
				</div>
				<!-- 大图 结束 -->
				
				<!-- 栏目内容 开始 -->
				<section class="w_main">
					
					<a href="">
						<div class="m_top">
							<div class="t_img">
								
							</div>
							<div class="t_right">
								 <h3>腾讯视频</h3>
								<span>
									腾讯视频贴片广告、60秒贴片广告
									质量超棒、欢迎尝试......
								</span>
								<div class="b_type">
									<div>
										<span class="b_span1">2015-9-3</span>
										<span class="b_span2">
											<img src="img/images/小眼睛_03.jpg" >
											<span>250</span>
										</span>
									</div>
									
								</div> 
							</div>
						</div>
						<!-- div用于做分割线 -->
						<div class="m_bot">
							
						</div>
					</a>
					
				</section>
				
				<section class="w_main">
					
					<a href="">
						<div class="m_top">
							<div class="t_img">
								
							</div>
							<div class="t_right">
								 <h3>腾讯视频</h3>
								<span>
									腾讯视频贴片广告、60秒贴片广告
									质量超棒、欢迎尝试......
								</span>
								<div class="b_type">
									<div>
										<span class="b_span1">2015-9-3</span>
										<span class="b_span2">
											<img src="img/images/小眼睛_03.jpg" >
											<span>250</span>
										</span>
									</div>
									
								</div> 
							</div>
						</div>
						<!-- div用于做分割线 -->
						<div class="m_bot">
							
						</div>
					</a>
					
				</section>
				
				<section class="w_main">
					
					<a href="">
						<div class="m_top">
							<div class="t_img">
								
							</div>
							<div class="t_right">
								 <h3>腾讯视频</h3>
								<span>
									腾讯视频贴片广告、60秒贴片广告
									质量超棒、欢迎尝试......
								</span>
								<div class="b_type">
									<div>
										<span class="b_span1">2015-9-3</span>
										<span class="b_span2">
											<img src="img/images/小眼睛_03.jpg" >
											<span>250</span>
										</span>
									</div>
									
								</div> 
							</div>
						</div>
						<!-- div用于做分割线 -->
						<div class="m_bot">
							
						</div>
					</a>
					
				</section>
				
				
				<!-- 加载更多 开始 -->
				<div class="loding">
					<div class="l_d">
						<span>加载更多</span>
					</div>
					
				</div>
				<!-- 加载更多 结束 -->
				
				<!-- 栏目内容 结束 -->
				
				
				
				
				
			</div>
			<!-- 主体 结束 -->			
			
			<!-- 尾部 开始 -->
			<div class="nav">
				<div class="nav-foot">
					<ul class="f_ul">
						<a href="" >
							<li></li>
						</a>
						<a href="" >
							<li></li>
						</a>
						<a href="" >
							<li></li>
						</a>
						<a href="">
							<li></li>
						</a>
						<a href="" >
							<li></li>
						</a>
					</ul>
				</div>
			</div>
			<!-- 尾部 结束 -->
			
		</div>
		<!-- 大容器 结束 -->
		
	</body>
</html>
